<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>로그인 페이지</title>
<style>
/* #login_main{
	width:1200px;
	height: 700px;
	margin:0 auto;
} */
#login_back{
	width:800px;
	margin:auto;
	margin-top:155px;
}
#login_left,#login_right{
	display: inline-block;
}
#login_left{
	width:500px;
	float:left;
	height:350px;
	background-color: #ffeeff;
}
#login_right{
	margin:auto;
	width:300px;
	height:350px;
	float:left;
	background-color:#24598f;  /* #24598f  파랑*/
	
}

#login_input, #login_btns{	
	height:50px;
	display: inline-block;
	margin-top:3px;
	vertical-align: middle;
		
}
#login_btn{
	width:100px;
	height:50px;
	color:#ffffff;
	font-weight:bold;
	background-color: #88b3e0;
	border: none;
	padding: 3px 5px;
	cursor: pointer;
}
#login_btn:hover{
	color:#fff86f;
	font-weight:bold;	
}
</style>
<script>
window.onload = function(){
	var l = document.getElementById("loginBox");
	l.focus();
}
function getId(id){ return document.getElementById(id);}

function init(){
	getId('login_btn').onclick=function(){
		
		loginFrm.action="login_result.jsp";
		loginFrm.submit();
	}
}
function goPassWord() {
	 if (event.keyCode == 13) {
		 var r = document.getElementById("password");
		 r.focus();
	 }
}
function CheckEnt() {
	 if (event.keyCode == 13) {
		 loginFrm.action="login_result.jsp";
		 loginFrm.submit();
	 }
}
</script>
</head>
<body>
<%
session.setAttribute("inc_content", null);
%>
<div id="login_main" align="center">
	<div id="login_back">
		<div align="left" style="margin-left:3px;color:#333333;font-size:16px;font-weight:bold;">CLAMP MEMBERSHIP LOGIN</div>
		<div id="login_left">
			<img src="../login/images/img_login_intra.jpg" border="0">
		</div>
		
		<div id="login_right">
			<form name="loginFrm" method="post" action=''>
				<div style="margin-top:180px;color:#ffffff;font-size:11px;font-weight:bold;">*로그인후 이용이 가능한 서비스입니다.</div>
				<div id="login_input">
					<input type="text" name="SA_no" placeholder="사원번호를 입력하세요" id="loginBox" onkeypress="goPassWord()" value="1408M001"><br/>
					<input type="password" value="1111" name="SA_pwd" placeholder="비밀번호를 입력하세요" onkeypress="CheckEnt()" id="password">
				</div>
				<div id="login_btns">
					<input id="login_btn" type="button" value="로그인">
				</div>
			</form>
		</div>
		
	</div>
</div>
<script>init();</script>
</body>
</html>